<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>队员录入</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        body {
            background-color: #f8f9fa;
        }
        .container {
            margin-top: 20px;
        }
        .bg-dark {
            background-color: #343a40 !important;
        }
        .bg-black {
            background-color: #343a40;
        }
        .text-white {
            color: #f8f9fa;
        }
        th, td {
            text-align: center;
        }
        /* 修改主色调 */
        :root {
            --primary-color: #495057;
            --secondary-color: #f8f9fa;
            --dark-color: #343a40;
            --light-color: #5b5b5b;
            --text-color: #f8f9fa;
        }
        .bg-primary {
            background-color: var(--primary-color) !important;
        }
        .bg-secondary {
            background-color: var(--secondary-color) !important;
        }
        .bg-dark {
            background-color: var(--dark-color) !important;
        }
        .bg-light {
            background-color: var(--light-color) !important;
        }
        .text-primary {
            color: var(--primary-color);
        }
        .text-secondary {
            color: var(--secondary-color);
        }
        .text-dark {
            color: var(--dark-color);
        }
        .text-light {
            color: var(--light-color);
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row bg-dark text-light" style="min-height: 60px">
        <div class="col-2"><img src="img/trek.png" width="100%" alt=""></div>
        <div class="col-8 text-center"><p>欢迎使用车队管理系统</p></div>
        <div class="col-2">
            <span>当前用户:</span>
            <span th:text="${username}"></span>
            <span><a href="/logout" class="text-light">退出</a> </span>
        </div>
    </div>
    <div class="row" style="min-height: 400px;">
        <div class="col-2 bg-dark text-white pt-5">
            <ul style="list-style-type: none; padding-left: 0;">
                <li class="m-2">
                    <a href="/main" class="text-white">车队管理首页</a>
                </li>
                <li class="m-2">
                    <a href="/goods" class="text-white">队员管理</a>
                </li>
            </ul>
        </div>
        <div class="col-10 pt-2">
            <p>这是队员录入表</p>
            <form action="/goodsAddProcess" method="post">
                <div class="form-control" style="width: 30%; margin-bottom: 10px;">
                    <label for="">编号</label>
                    <input type="text" name="name" id="">
                </div>
                <div class="form-control" style="width: 30%; margin-bottom: 10px;">
                    <label for="">姓名</label>
                    <input type="text" name="name" id="">
                </div>
                <div class="form-control" style="width: 30%; margin-bottom: 10px;">
                    <label for="">队员价值</label>
                    <input type="text" name="price" id="">
                </div>
                <div class="form-control" style="width: 30%; margin-bottom: 10px;">
                    <label for="">奖牌数量</label>
                    <input type="text" name="quantity" id="">
                </div>
                <div class="form-control" style="width: 30%; margin-bottom: 10px;">
                    <label for="">品牌方</label>
                    <input type="text" name="category" id="">
                </div>
                <div class="form-control" style="width: 30%; margin-bottom: 10px;">
                    <label for="">位置</label>
                    <input type="text" name="supplier" id="">
                </div>
                <div class="form-control" style="width: 7%; margin-bottom: 10px;">
                    <input type="submit" value="提交">
                </div>
        </div>
    </div>
    <div class="row text-center bg-primary text-white py-2">
        @2023-2028, 版权所有，违者必究
    </div>
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
